// ==UserScript==
// @name         底部居中六按钮v2
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  在视窗底部添加六个功能按钮
// @author       Your Name
// @match        *://*/*
// @grant        none
// @updateURL    https://gitee.com/bigona3/youhou_jb/raw/master/%5Ball%5Dbottom_6button.js
// ==/UserScript==

(function() {
    'use strict';

    // 创建一个容器来放置按钮
    const container = document.createElement('div');
    container.style.position = 'fixed';
    container.style.bottom = '0';
    container.style.left = '0';
    container.style.right = '0';// 确保容器宽度等于视窗宽度
    container.style.display = 'flex';
    container.style.justifyContent = 'center'; // 水平居中// 'space-around'; // 均匀分布按钮
    container.style.backgroundColor = '#333'; // 背景颜色
    //container.style.backgroundColor = 'rgba(0, 0, 0, 0.5)'; // 可选：为容器设置背景色以增加可见性
    container.style.padding = '10px 0'; // 上下内边距
    container.style.zIndex = '10000';//确保容器在最上层

    // 计算字体大小，基于页面宽度的1/20
    const fontSize = `${window.innerWidth / 25}px`;
    //const fontSize = `${window.innerHeigth / 20}px`;

    // 创建并添加按钮
    function createButton(text, onClick) {
        const button = document.createElement('button');
        button.textContent = text;
        button.style.flex = '1'; // 等分容器宽度
        button.style.fontSize = fontSize; // 设置字体大小
        button.style.color = 'white'; // 文字颜色
        button.style.backgroundColor = '#555'; // 按钮背景颜色
        button.style.border = 'none'; // 无边框
        button.style.cursor = 'pointer'; // 鼠标悬停时显示指针
        button.style.outline = 'none'; // 去除点击时的轮廓线
        button.onclick = onClick; // 绑定点击事件
        container.appendChild(button); // 将按钮添加到容器中
    }

    // 按钮功能
    createButton('到home', function() {
        window.scrollTo(0, 0);
    });

    createButton('到end', function() {
        distance=Math.round(document.body.scrollHeight/10*9);
        window.scrollTo(0,distance);
        //window.scrollTo(0, document.body.scrollHeight-100);
    });

    createButton('上滑', function() {
        window.scrollBy(0, -500);
    });

    createButton('下滑', function() {
        window.scrollBy(0, 500);
    });

    createButton('刷', function() {
        window.location.reload();
    });
/*
    createButton('粘贴', function() {
        // 注意：出于安全考虑，浏览器不允许脚本直接访问剪切板内容（除非用户通过某些方式触发，如点击）
        // 但这里我们可以模拟一个输入框让用户粘贴
        const textarea = document.createElement('textarea');
        textarea.style.position = 'fixed';
        textarea.style.left = '-9999px'; // 隐藏
        textarea.focus(); // 获取焦点以触发粘贴
        textarea.oninput = function() {
            // 用户粘贴后，可以在这里处理粘贴的内容
            // 例如，将内容输出到控制台或某个元素中
            console.log(textarea.value);
            // 注意：这里只是示例，实际使用时你可能需要更复杂的逻辑
            // 完成后，可以移除textarea
            document.body.removeChild(textarea);
        };
        document.body.appendChild(textarea);
    });
*/
    // 将容器添加到body中
    document.body.appendChild(container);
})();